<!DOCTYPE html>
<html lang="zh-cmn-Hans" class="wide wow-animation smoothscroll scrollTo">
  <head>
    {template "layouts","header"}
  </head>
  <body>
    <!-- Page-->
    <div class="page text-center">
      <!-- Page Header-->
      <header class="page-head">
        {template "layouts","navbar"}
      </header>
      {template "layouts","breadcrumb"}

      <!-- Page Content-->
      <main class="page-content">
        <!-- Masonry Blog-->
        <!-- <div id="fb-root"></div> -->
        <section class="section-98 section-sm-110 text-left">
          <div class="shell">
            <div class="range range-xs-center range-lg-right">
              <div class="cell-sm-10 cell-md-8">
                <div data-type="horizontal" class="responsive-tabs responsive-tabs-classic">
                  <ul class="resp-tabs-list text-center tabs-group-default">
                    {loop subcat($CAT['parentid']) $r}
                    <li {if ($catid==$r['catid'])}class="resp-tab-active"{/if}>
                      <a href="{$r['url']}">{$r['catname']}</a>
                    </li>
                    {/loop}
                  </ul>
                </div>
                <div class="offset-top-30">
                  <h4 class="text-bold text-primary">{$title}</h4>
                  <ul class="list list-inline list-inline-dashed offset-top-4">
                    <li>{$inputtime}</li>
                    <li class="text-primary">{$username}</li>
                  </ul>
                  {if ($image)}
                  <div class="offset-top-30"><img src="{$image}" width="770" height="480" alt="" class="img-responsive center-block"></div>
                  {/if}
                  {if ($thumb)}
                  <div class="offset-top-30"><img src="{$thumb}" width="770" height="480" alt="" class="img-responsive center-block"></div>
                  {/if}
                  <div class="offset-top-30">
                    {$content}
                  </div>
                </div>
                <div class="offset-top-30">
                  <div class="pull-sm-left">
                    <div class="tags group group-sm">
                      {loop $keywords $keyword}
                      <a href="{APP_PATH}index.php?m=content&c=tag&a=lists&tag={urlencode($keyword)}" class="btn-tag btn btn-default">{$keyword}</a>
                      {/loop}
                    </div>
                  </div>
                  <div style="margin-top: -5px;" class="pull-sm-right">
                    <div class="reveal-inline-block inset-right-20">
                      <p class="text-dark">分享:</p>
                    </div>
                    <ul class="list-inline list-inline-xs reveal-inline-block offset-top-14 offset-sm-top-0">
                      <li><a href="#" class="icon icon-xxs icon-circle icon-gray-light fa fa-qq"></a></li>
                      <li><a href="#" class="icon icon-xxs icon-circle icon-gray-light fa fa-wechat"></a></li>
                      <li><a href="#" class="icon icon-xxs icon-circle icon-gray-light fa fa-weibo"></a></li>
                      <li><a href="#" class="icon icon-xxs icon-circle icon-gray-light fa fa-rss"></a></li>
                    </ul>
                  </div>
                  <div class="clearfix"></div>
                </div>

                <div class="offset-top-66">
                  <h6>快速翻页</h6>
                  <hr class="text-subline">
                  <div class="range offset-top-0">
                    <div class="cell-sm-6 ">
                      <strong>上一篇：</strong><a href="{$previous_page[url]}">{$previous_page[title]}</a>
                    </div>
                    <div class="cell-sm-6 text-right">
                      <strong>下一篇：</strong><a href="{$next_page[url]}">{$next_page[title]}</a>
                    </div>
                  </div>
                </div>
                <div class="offset-top-60 text-center text-sm-left">
                  <a href="{$CAT['url']}" class="btn btn-ellipse btn-icon btn-icon-left btn-java"><span class="icon mdi mdi-arrow-left-bold"></span>返回</a>
                </div>
              </div>
              <div class="cell-sm-10 cell-md-8 cell-lg-4 offset-top-66 offset-md-top-90 offset-lg-top-0">
                <div class="blog-grid-sidebar inset-lg-left-30">
                  <!-- Aside-->
                  <aside class="text-left">
                    <!-- Search in Blog-->
                    <div>
                      {template "layouts","photo"}
                    </div>
                    {if $price != 0 }                    
                    <div class="offset-top-30 offset-md-top-60">
                      <h6>购买产品</h6>
                      <hr class="text-subline">
                      <ul class="list list-marked inset-left-0">
                        <li>名称：{$title}</li>
                        <li>单位：套</li>
                        <li class="text-danger">价格：¥{$price}</li>
                      </ul>
                      <div class="text-right">
                        <a href="{APP_PATH}index.php?m=shop&c=shop&a=init&catid={$catid}&id={$id}" class="btn btn-ellipse btn-primary">立即购买</a>
                      </div>
                    </div>
		    {/if}
                    <div class="offset-top-30 offset-md-top-60">
                      {template "layouts","moreread"}
                    </div>
                  </aside>
                </div>
              </div>
            </div>
          </div>
        </section>
      </main>
      {template "layouts","footer"}
    </div>
    {template "layouts","global"}
    {template "layouts","javascript"}
  </body>
</html>
